.editable-cell {
    position: relative;
}

.editableCellValueWrap {
    padding: 5px 12px;
    cursor: pointer;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}

.editableRow {
    &:hover {
        .editableCellValueWrap {
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            padding: 4px 11px;
        }
    }
    input:focus:-webkit-autofill,
    input:-webkit-autofill {
        -webkit-text-fill-color: #606266 !important;
        transition: background-color 500000s ease-in-out 50000s;
    }
    :global {
        .ant-form-explain {
            position: absolute;
            font-size: 12px;
            margin-top: -4px;
        }
    }
}

.softTable {
    border-radius: 4px 4px 0 0;
    background: #f7f8fb;
    min-width: 300px;
    thead {
        tr {
            th {
                background-color: rgba(22, 27, 37, 0.25);
                color: white;
                line-height: 25px;
                font-size: 18px;
                padding: 12px 10px;
                text-align: center;
            }
        }
    }
    tbody {
        tr {
            td {
                background: #fafafa;
                border-bottom-color: #e8eaef;
                color: #49536c;
                font-size: 16px;
                padding: 14px 10px;
                text-align: center;
                word-break: break-all;
            }
        }
    }
}
